;(()=>{
    let tplstr = `
    <div class="infoModal_Mask" style="min-height: 1459px;"></div>
    <div class="infoModal">
        <div class="infoModal_box">
            <div class="infoModal_top overFlowH">
                <a href="javascript:;" class="fontSize  cursorPointer fontWeightB floatR">×</a>
            </div>
            <div class="infoModal_bottom">
                <form action="">
                    <ul class="infoModal_list">
                        <li class="personal_name  cursorPointer">
                            <span class="fontSize">用户名:</span>
                            <input type="text" name="newUser_name" maxlength="20" placeholder="请输入长度为20以内的新用户名">
                        </li>
                        <li class="personal_phone  cursorPointer">
                            <span class="fontSize">手机号:</span>
                            <input type="text" name="newPhoneNum" placeholder="请输入新的手机号">
                        </li>
                        <li class="personal_email  cursorPointer">
                            <span class="fontSize">邮箱号:</span>
                            <input type="text" name="newEmail" placeholder="请输入新的邮箱">
                        </li>
                        <li class="personal_TureName  cursorPointer">
                            <span class="fontSize">真实姓名:</span>
                            <input type="text" name="newName" placeholder="请输入真实姓名">
                        </li>
                        <li class="personal_sex  cursorPointer">
                            <span class="fontSize">性别:</span>
                            <span>
                                <input type="radio" name="sex" checked="checked">男
                            </span>
                            <span>
                                <input type="radio"  name="sex" class="gender_input">女
                            </span>
                            <span>
                                <input type="radio" name="sex" class="gender_input">秘密
                            </span>
                        </li>
                        <li class="personal_born">
                            <span class="fontSize   ">出生年月:</span>
                            <select name="year">
                                <option value="1910">1910年</option>
                                <option value="1911">1911年</option>
                                <option value="1912">1912年</option>
                                <option value="1913">1913年</option>
                                <option value="1914">1914年</option>
                                <option value="1915">1915年</option>
                                <option value="1916">1916年</option>
                                <option value="1917">1917年</option>
                                <option value="1918">1918年</option>
                                <option value="1919">1919年</option>
                                <option value="1920">1920年</option>
                                <option value="1921">1921年</option>
                                <option value="1922">1922年</option>
                                <option value="1923">1923年</option>
                                <option value="1924">1924年</option>
                                <option value="1925">1925年</option>
                                <option value="1926">1926年</option>
                                <option value="1927">1927年</option>
                                <option value="1928">1928年</option>
                                <option value="1929">1929年</option>
                                <option value="1930">1930年</option>
                                <option value="1931">1931年</option>
                                <option value="1932">1932年</option>
                                <option value="1933">1933年</option>
                                <option value="1934">1934年</option>
                                <option value="1935">1935年</option>
                                <option value="1936">1936年</option>
                                <option value="1937">1937年</option>
                                <option value="1938">1938年</option>
                                <option value="1939">1939年</option>
                                <option value="1940">1940年</option>
                                <option value="1941">1941年</option>
                                <option value="1942">1942年</option>
                                <option value="1943">1943年</option>
                                <option value="1944">1944年</option>
                                <option value="1945">1945年</option>
                                <option value="1946">1946年</option>
                                <option value="1947">1947年</option>
                                <option value="1948">1948年</option>
                                <option value="1949">1949年</option>
                                <option value="1950">1950年</option>
                                <option value="1951">1951年</option>
                                <option value="1952">1952年</option>
                                <option value="1953">1953年</option>
                                <option value="1954">1954年</option>
                                <option value="1955">1955年</option>
                                <option value="1956">1956年</option>
                                <option value="1957">1957年</option>
                                <option value="1958">1958年</option>
                                <option value="1959">1959年</option>
                                <option value="1960">1960年</option>
                                <option value="1961">1961年</option>
                                <option value="1962">1962年</option>
                                <option value="1963">1963年</option>
                                <option value="1964">1964年</option>
                                <option value="1965">1965年</option>
                                <option value="1966">1966年</option>
                                <option value="1967">1967年</option>
                                <option value="1968">1968年</option>
                                <option value="1969">1969年</option>
                                <option value="1970">1970年</option>
                                <option value="1971">1971年</option>
                                <option value="1972">1972年</option>
                                <option value="1973" selected="">1973年</option>
                                <option value="1974">1974年</option>
                                <option value="1975">1975年</option>
                                <option value="1976">1976年</option>
                                <option value="1977">1977年</option>
                                <option value="1978">1978年</option>
                                <option value="1979">1979年</option>
                                <option value="1980">1980年</option>
                                <option value="1981">1981年</option>
                                <option value="1982">1982年</option>
                                <option value="1983">1983年</option>
                                <option value="1984">1984年</option>
                                <option value="1985">1985年</option>
                                <option value="1986">1986年</option>
                                <option value="1987">1987年</option>
                                <option value="1988">1988年</option>
                                <option value="1989">1989年</option>
                                <option value="1990">1990年</option>
                                <option value="1991">1991年</option>
                                <option value="1992">1992年</option>
                                <option value="1993">1993年</option>
                                <option value="1994">1994年</option>
                                <option value="1995">1995年</option>
                                <option value="1996">1996年</option>
                                <option value="1997">1997年</option>
                                <option value="1998">1998年</option>
                                <option value="1999">1999年</option>
                                <option value="2000">2000年</option>
                                <option value="2001">2001年</option>
                                <option value="2002">2002年</option>
                                <option value="2003">2003年</option>
                                <option value="2004">2004年</option>
                                <option value="2005">2005年</option>
                                <option value="2006">2006年</option>
                                <option value="2007">2007年</option>
                                <option value="2008">2008年</option>
                                <option value="2009">2009年</option>
                                <option value="2010">2010年</option>
                                <option value="2011">2011年</option>
                                <option value="2012">2012年</option>
                                <option value="2013">2013年</option>
                                <option value="2014">2014年</option>
                                <option value="2015">2015年</option>
                                <option value="2016">2016年</option>
                                <option value="2017">2017年</option>
                                <option value="2018">2018年</option>
                            </select>
                            <select name="month">
                                <option value="1month">1月</option>
                                <option value="2month">2月</option>
                                <option value="3month">3月</option>
                                <option value="4month">4月</option>
                                <option value="5month">5月</option>
                                <option value="6month">6月</option>
                                <option value="7month">7月</option>
                                <option value="8month">8月</option>
                                <option value="9month">9月</option>
                                <option value="10month">10月</option>
                                <option value="11month">11月</option>
                                <option value="12month">12月</option>
                            </select>
                            <select name="day">
                                <option value="1日">1日</option>
                                <option value="2日">2日</option>
                                <option value="3日">3日</option>
                                <option value="4日">4日</option>
                                <option value="5日">5日</option>
                                <option value="6日">6日</option>
                                <option value="7日">7日</option>
                                <option value="8日">8日</option>
                                <option value="9日">9日</option>
                                <option value="10日">10日</option>
                                <option value="11日">11日</option>
                                <option value="12日">12日</option>
                                <option value="13日">13日</option>
                                <option value="14日">14日</option>
                                <option value="15日">15日</option>
                                <option value="16日">16日</option>
                                <option value="17日">17日</option>
                                <option value="18日">18日</option>
                                <option value="19日">19日</option>
                                <option value="20日">20日</option>
                                <option value="21日">21日</option>
                                <option value="22日">22日</option>
                                <option value="23日">23日</option>
                                <option value="24日">24日</option>
                                <option value="25日">25日</option>
                                <option value="26日">26日</option>
                                <option value="27日">27日</option>
                                <option value="28日">28日</option>
                                <option value="29日">29日</option>
                                <option value="30日">30日</option>
                                <option value="31日">31日</option>
                            </select>
                        </li>
                        <li class="personal_home  cursorPointer">
                            <span class="fontSize">住址:</span>
                            <input type="text" placeholder="请输入新的住址">
                        </li>
                        <li class="personal_btn overFlowH">
                            <input type="submit" value="确定提交" class="changeInfo">
                            <input type="reset" value="重置内容" class="changeInfo">
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
    `;
    let Ultplstr = `
        <ul class="foundation_children removePadding">
            <li class="fontSize fontColorW positionRe transitionTurn">我的信息</li>
            <li class="fontSize fontColorW positionRe transitionTurn">修改密码</li>
        </ul>
    `;
    let [imgFile,fr,src] = [null,null,null];
    $('.left_info_list').children('li').eq(0).after(Ultplstr);
    $('.left_info_list').children('li').eq(0).addClass('LeftInfoListAc');
    $(window).ready(()=>{
        //点击按钮出现弹出层
        $('.personal_btn button[type=button]').eq(0).on('click',()=>{
            $('body').append(tplstr);
            setTimeout(()=>{
                $('.infoModal_Mask').addClass('transitionTurn');
                $('.infoModal').addClass('transitionTurn');
            },100);
            $('.personal_btn input[type=reset]').on('click',()=>{
                alert("重置成功");
            });
            $('div.infoModal_top>a').on('click',()=>{
                $('.infoModal_Mask').remove();
                $('.infoModal').remove();
            });

        });
        $(".personal_btn button[type=button]").eq(1).on('click',()=>{
            alert("提交成功");
        });
        $('.left_info_list').children('li').each((index,ele)=>{
            $(ele).on('click',()=>{
                if($(ele).hasClass('LeftInfoListAc')){
                    if($('.foundation_children').css('display')==="none"){
                        $('.foundation_children').slideDown(250);
                    }else{
                        $('.foundation_children').slideUp(250);
                    }
                }else{
                    $(ele).addClass('LeftInfoListAc').siblings().removeClass('LeftInfoListAc');
                    $('div.now_info').text($(ele).text());
                    $('.foundation_children').slideUp(250,()=>{
                        $('.foundation_children').remove();
                        $(ele).after(Ultplstr);
                        $('.foundation_children').hide().slideDown(250);
                    });
                }


            });
        });
        //下拉列表点击事件
        $('ul.foundation_children').children('li').each((index,ele)=>{
            $(ele).on('click',()=>{
                $(ele).addClass('LeftInfoListAc_child').siblings().removeClass('LeftInfoListAc_child');
            });
        });


        //点击更换头像立即更换头像
        $(".sculpture_box").on('click','span',()=>{
           $('#Schange_button').click();
       }).on('change','#Schange_button',function(){
           imgFile = this.files[0];
            if(!/image\/\w+/.test(imgFile.type)){
                alert('请上传图片文件');
                return;
            } else {
                fr = new FileReader();
                fr.onload =   ()=>{
                     src = fr.result;
                    $('.sculpture_box_Image').attr("src",src);
                    console.log(1)
                }
                fr.readAsDataURL(imgFile);
            }
       });
        
        
        

    });
})();